html > body > div#chromequotes {
  background-color: #fff;
  border-bottom: 1px solid #b6bac0;
  border-left: 1px solid #b6bac0;
  border-right: none;
  border-top: none;
  font-family: verdana, arial, "meiryo ui", meiryo, メイリオ, sans-serif;
  font-size: 11px !important;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
}

html > body > div#chromequotes table { margin-right: 12px; }
html > body > div#chromequotes tbody tr {
  border-bottom: 1px solid #ddeaf7;
  cursor: pointer;
}
html > body > div#chromequotes tbody tr:hover { background-color: #cbe0f3; }
html > body > div#chromequotes td {
  min-width: 50px;
  padding: 2px 4px 0 0;
  vertical-align: top;
  white-space: nowrap;
}
html > body > div#chromequotes td.text { text-align: left; }
html > body > div#chromequotes td.value, td.valuedown, td.valueup { text-align: right; }
html > body > div#chromequotes td.valueup { color: green; }
html > body > div#chromequotes td.valuedown { color: red; }
html > body > div#chromequotes td.image { padding: 1px 0 0 0; }
html > body > div#chromequotes td.image img { cursor: pointer; }
html > body > div#chromequotes div#chart { margin-top: 1em; }

html > body > div#chromequotes table { border-collapse: collapse; }
html > body > div#chromequotes thead th {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}